
@thumb-color:#25E5FF; /* 设置滑块颜色 */
@track-color:#0F3049; /* 设置轨道颜色 */
@thumb-radius:4px; /* 设置滑块边界半径 */
@scrollbar-width:4px; /* 设置滚动条宽度 */
@scrollbar-height:4px; /* 设置滚动条高度 */

/* 自定义滚动条 chrome、safari私有属性 */
::-webkit-scrollbar {
  width: @scrollbar-width; 
  height: @scrollbar-height;
}

::-webkit-scrollbar-thumb {
  background-color: @thumb-color; 
  border-radius: @thumb-radius; 
}

::-webkit-scrollbar-track {
  background-color: @track-color; 
}

/* 自定义滚动条 IE浏览器私有属性 */
::-ms-scrollbar {
  width: @scrollbar-width; 
  height: @scrollbar-height;
}

::-ms-scrollbar-thumb {
  background-color: @thumb-color; 
  border-radius: @thumb-radius; 
}

::-ms-scrollbar-track {
  background-color: @track-color; 
}

/* 自定义滚动条 Opera私有属性*/
::-o-scrollbar {
  width: @scrollbar-width; 
  height: @scrollbar-height;
}

::-o-scrollbar-thumb {
  background-color: @thumb-color; 
  border-radius: @thumb-radius; 
}

::-o-scrollbar-track {
  background-color: @track-color; 
}


/* 自定义滚动条 firefox浏览器私有属性 */
::-moz-scrollbar {
  width: @scrollbar-width; 
  height: @scrollbar-height;
}

::-moz-scrollbar-thumb {
  background-color: @thumb-color; 
  border-radius: @thumb-radius; 
}

::-moz-scrollbar-track {
  background-color: @track-color; 
}